<template>
    <div class="contain-box project-box" v-if="base_info">
        <header class="clear-float">{{base_info.name}}
        </header>
        <div class="main-box">
            <!-- <div class="img-block">
                <img :src="base_info.logo" alt="logo">
            </div>
            <p class="address">地址：
                <span>{{base_info.addr}}</span>
            </p> -->
            <p class="address">项目编号：
                <span>{{base_info.id}}</span>
            </p>
        </div>
    </div>
</template>

<script>
import project from "@/api/project.js";


export default {
    name: "project-base-info",
    data() {
        return {
            base_info: undefined
        };
    },
    mounted() {
        this.getProjectBaseInfo();
    },
    methods: {
        getProjectBaseInfo() {
            project
                .getProjectBaseInfo()
                .then(res => {
                    this.base_info = res;
                })
                .catch(err => {
                    this.$message.error(err);
                });
        }
    }
};
</script>

<style>
.address {
    margin-top: 20px;
    color: #8796a3;
}
.address > span {
    color: #333;
}
.edit-button {
    margin: 10px;
}
</style>
